<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<link rel="stylesheet" href="css/main.css">
		<link rel="stylesheet" href="css/large.css" media="(min-width:992px)">
		<link rel="stylesheet" href="css/media.css" media="(max-width:992px) and (min-width:769px)">
		<link rel="stylesheet" href="css/small.css" media="(max-width:768px)  and (min-widh:10px)">


		<title>2-4 媒体查询引入方式 -外部样式表</title>


	</head>
	<body>


		<div class="contanier clearfix">

			<div class="box">1</div>
			<div class="box">2</div>
			<div class="box">3</div>

		</div>


	</body>
</html>
